<template>
   <div class="login">
      <img src="../../assets/admin_bg2.jpg">
      <div class="form">
        <div class="input"><i class="i1"></i><input type="text" placeholder="输入手机号"><span>获取验证码</span></div>
        <div class="input"><i class="i2"></i><input type="text" placeholder="验证码"></div>
        <router-link to="/admin/login" class="btn" href="javascript:;">登录/注册</router-link>
      </div>
   </div>
</template>

<script>

export default {
  data () {
    return {

    }
  }
}
</script>
<style lang="less">
  .login {
    .form {
      padding:30px 45px;
      .input {
        position: relative; border-bottom:1px #E4E1E9 solid; padding-top:15px;
        i { position: absolute; left: 0; top:22px; width: 25px; height: 25px;}
        span { position: absolute; right: 3px; bottom:10px; font-size: 15px; color: #FF9405;}
        input { border: none; padding-left:30px; line-height: 40px; font-size: 17px; }
        input::placeholder { color: #B4AAC4;}
        .i1 { background: url(../../assets/icon_login1.png) no-repeat; background-size: 100% 100%;}
        .i2 { background: url(../../assets/icon_login2.png) no-repeat; background-size: 100% 100%;}
      }
      .btn { display: block; margin-top:40px; font-size: 20px; color: #fff; background: #FF9405; text-align: center; line-height: 42px; border-radius: 5px;}
    }
  }
</style>
